<html>
    <head>
        <title>shooter</title>
        <style type="text/css">
            #battlefieldCanvas {
                cursor: url('crosshair.png') 16 16, auto;
            }
            #battlefieldCanvas:active {
                cursor: crosshair;
            }
        </style>
    </head>
    <body>
        <script src="js/gamelogic/ShotCalc.js"></script>

        <script src="js/math/Math.js"></script>
        <script src="js/math/Matrix.js"></script>
        <script src="js/math/Vector.js"></script>

        <script src="js/rendering/Effect.js"></script>
        <script src="js/rendering/Light.js"></script>

        <script src="js/ui.js"></script>
        <script src="js/map.js"></script>
        <script src="js/fov.js"></script>

        <script src="js/entity.js"></script>
        <script src="js/websocket.js"></script>
        <script src="js/keyboard.js"></script>
        <script src="js/mouse.js"></script>
        <script src="js/game.js"></script>
        <div id=canvasPos>
            <canvas style="background-color:#000000;" id="battlefieldCanvas" width="1024" height="768">
                Your browser does not support the canvas tag. At the time of writing, Firefox, Opera, and Chrome support this tag.
            </canvas>
        </div>

        <div style="text-align: center;">
            <form action="">
                <input id="playerId" name="playerId" value="player_1" type="text"><input onclick="joinGame();" value="join game" type="button">

                <input id="textID" name="message" value="Hello WebSocket!" type="text"><input onclick="doSend();" value="Send message" type="button"><br>
            </form>
        </div>
        <div id="output"></div>
    </body>
</html>
